<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- CSS -->
        <link type="text/css" href="css/themes/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <link href="css/TablaDatos.css" type="text/css" rel="stylesheet"/>
        
        <!-- JS  -->
            <!-- JQUERY AND UI -->
        <script type="text/javascript" src="js/plugins/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery-ui-1.8.17.custom.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.tabs.min.js"></script>
        <script type="text/javascript" src="js/TablaDatos.js"></script>
        
            <!-- VALIDACIONES -->
        <script type="text/javascript" src="js/general.js"></script>
        <script type="text/javascript" src="js/VistaAcudientes.js"></script>

        <!-- NATIVO -->
            <script type="text/javascript">
                $(function() {
                        $("#tabs").tabs();
                });
            </script>
        <title></title>
        <style>
            body
            {
                background-image:url('Imagenes/fondo2.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
    </head>
    <body ondrag="return false" ondrop="return false">
        <table>
            <tr>
                <td valing="top" colspan="2">
                    <?php include "Head.php";?>
                </td>
            </tr>
            <tr>
                <td valing="top">
                    <?php include "Menu.php";?>
                </td>
                <td height="720" width="661" valign="top">
                    <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">Listado</a></li>
                            <li><a href="#tabs-2">Datos</a></li>
                        </ul>
                        <div id="tabs-1">
                            <div id="tablaDatos" style="width:600px;margin:0 auto;overflow: auto;height: 300px;">
                            </div>
                        </div><!-- FORMULARIO -->
                        <div id="tabs-2">
                            <form id="frmAcudiente" name="frmAcudiente" action="">
                                <table cellspacing="20" id="tblFormulario" name="tblFormulario">
                                    <tr>
                                        <td align="left">
                                            <input id="btnNuevo" type="reset" value="Nuevo"/>
                                        </td>
                                        <td align="right">
                                            <input id="btnGuardar" type="button" value="Guardar"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Documento:</span><br/>
                                            <input id="txtDocumento" name="txtDocumento" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="12"/>
                                        </td>
                                        <td>
                                            <span>*Correo electronico:</span><br/>
                                            <input id="txtEmail" name="txtEmail" type="text" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Primer nombre:</span><br/>
                                            <input id="txtPrimerNombre" name="txtPrimerNombre" type="text" size="30" />
                                        </td>
                                        <td>
                                            <span>Segundo nombre:</span><br/>
                                            <input id="txtSegundoNombre" name="txtSegundoNombre" type="text" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Primer apellido:</span><br/>
                                            <input id="txtPrimerApellido" name="txtPrimerApellido" type="text" size="30" />
                                        </td>
                                        <td>
                                            <span>Segundo apellido:</span><br/>
                                            <input id="txtSegundoApellido" name="txtSegundoApellido" type="text" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Direccion:</span><br/>
                                            <input id="txtDireccion" name="txtDireccion" type="text" size="30" />
                                        </td>
                                        <td>
                                            <span>E-mail</span><br/>
                                            <input id="txtCorreo" name="txtCorreo" type="text" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Telefono:</span><br/>
                                            <input id="txtTelefono" name="txtTelefono" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="7"/>
                                        </td>
                                        <td>
                                            <span>Celular:</span><br/>
                                            <input id="txtcelular" name="txtCelular" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="10"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>Nivel Escolaridad:</span><br/>
                                            <select size="1" id="cmbNivelEscolar" name="cmbNivelEscolar" >
                                                <option value="">Ninguno</option>
                                                <option value="">Primaria</option>
                                                <option value="">Secundaria</option>
                                                <option value="">Universidad</option>
                                                <option value="">PostGrado</option>
                                            </select>
                                        </td>
                                        <td>
                                            <span>Ocupacion:</span><br/>
                                            <input type="text" id="txtOcupacion" name="txtOcupacion" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Contrase&ntilde;a:</span><br/>
                                            <input id="txtPass" name="txtPass" type="password" size="30" />
                                        </td>
                                        <td>
                                            <span>Parentesco:</span><br/>
                                            <select size="1" id="cmbParentesco" name="cmbParentesco">
                                                <option value="">Padre</option>
                                                <option value="">Madre</option>
                                                <option value="">Hermano</option>
                                                <option value="">Hermana</option>
                                                <option value="">Tio</option>
                                                <option value="">Tia</option>
                                                <option value="">Amigo</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Repita contrase&ntilde;a:</span><br/>
                                            <input id="txtRPass" name="txtRPass" type="password" size="30" />
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div><!-- LISTADO -->
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>
